<?php
	include_once("common.php");
	include_once("script/event.php");

	if(isVisitor() && isset($_SESSION['username']))
		unset($_SESSION['username']);

	if(! isset($_GET['id']) || ! findEvent($_GET['id']))
		header("Location: index.php");

	if(! isVisitor()){
		$prog = isProgramChair($_SESSION['idusers'], $_GET['id']);
		$comm = isCommittee($_SESSION['idusers'], $_GET['id']);
		$part = isParticipant($_SESSION['idusers'], $_GET['id']);
		$mile = getMilestone($_GET['id']);
	}

?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>COMP 353 Project</title>

    <!-- Bootstrap core CSS -->
    <link href="./css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="./css/template.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy this line! -->
    <!--[if lt IE 9]><script src="../../docs-assets/js/ie8-responsive-file-warning.js"></script><![endif]-->

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
</head>
<body>
	<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
		<div class="container">
			<div class="navbar-header">
				<a class="brand" href="#">SEMS Lite</a>
			</div>
			<div class="navbar">
				<ul class="nav navbar-nav">
					<li><a href="index.php">Home</a></li>
					<li><a href="search.php?<?php echo 'id="'.$_GET['id'].'"'; ?>">Search</a></li>
					<li><a href="signup.php">Signup</a></li>
				</ul>
<?php
	if(isVisitor()){
		echo '<form class="navbar-form pull-right" method="post" action="index.php">'."\n",
			'<input name="username" type="text" placeholder="Username" class="form-control">'."\n",
			'<input name="password" type="password" placeholder="Password" class="form-control">'."\n",
			'<button type="submit" class="btn">Sign in</button>'."\n",
			'</form>'."\n";
	}
	else{
		echo '<form class="navbar-form pull-right" method="post" action="index.php">'."\n",
			'<input type="submit" class="btn" name="logout" value="Logout">'."\n",
			'</form>'."\n";
	}
?>
			</div>
		</div>
	</div>
<!-- CONTENT -->
<?php
	# Administrator menu
	if(isset($_SESSION['username']) && isAdmin($_SESSION['username']))
		include("script/admin_menu.php");

	if(!isVisitor())
		submenu($prog, $comm, $part, $mile);
?>
	<div class="container">
		<ul class="nav nav-tabs" id="tabs">
<?php
	if(! isVisitor())
		echo '<li class="active"><a href="#event" data-toggle="tab">Event</a></li>';
?>
			<li><a href="#articles" data-toggle="tab">Articles</a></li>
		</ul>

		<div class="tab-content">
			<div class="tab-pane active" id="event">
<?php
	if(!isVisitor()){
		if(!$part)
			echo '<button class="btn" id="subscribe">Subscribe</button>'."\n";
		else
			echo '<button class="btn" id="subscribe" disabled="true">Subscribe</button>'."\n";
		echo '<button class="btn" id="homepage">Set as Homepage</button>'."\n";
}
?>
			</div>
			<div class="tab-pane" id="articles">
<?php
	if(!isVisitor())
		$articles = getArticles(true);
	else
		$articles = getArticles();

	foreach($articles as $a)
		echo '<div class="container well">',
		'<h3><a href="articles.php?id='.$a['idarticles'].'">'.$a['title'].'</a></h3>',
		'<p>'.$a['abstract'].'</p>',
		"</div>\n";
?>
			</div>
		</div>
	</div>
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
	<!-- CDN -->
	<!-- <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> -->
	<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
	<!-- LOCAL -->
    <script src="./js/jquery-1.10.2.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
	<script type="text/javascript">
		$("#subscribe").click(function (){
			var t= $(this);
			if(! t.attr("disabled")){
				$.ajax({url: "script/subscribe.php", data: {
						id: "<?php echo $_GET['id']; ?>"
					}
				}).done(function(msg){
					if(msg.length > 0)
						t.prop("disabled","disabled");
				});
			}
		});

		$("#homepage").click(function (){
			var t= $(this);
			if(! t.attr("disabled")){
				$.ajax({url: "script/set_homepage.php", data: {
						id: "<?php echo $_GET['id']; ?>"
					}
				}).done(function(msg){
					if(msg.length > 0)
						t.prop("disabled","disabled");
				});
			}
		});
	</script>
  </body>
</html>
